<!DOCTYPE html>
<html ng-app="ionicApp">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	<title>汪卡商家列表</title>

	<!-- <link href="lib/ionic/css/ionic.css" rel="stylesheet"> -->
	<link href="css/page.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">

	<!-- ionic/angularjs js -->
	<script src="lib/ionic/js/ionic.bundle.js"></script>
	<script src="lib/jquery-1.10.1.min.js"></script>
	<!--<script src="lib/bootstrap/js/bootstrap.min.js"></script>-->
	<script src="lib/bootstrap/js/dropdown.js"></script>
	<script src="lib/bootstrap/js/tab.js"></script>
	<script src="js/controllers.js"></script>
</head>

<body ng-controller="MyCtrl">
<!-- === 头 ===-->
<div class="bar bar-light">
	<div class="h1 title">美食</div>
</div>
<!-- === / 头 === -->

<!-- === 视图区 === -->
<div class="content has-header">
	<!-- 筛选 -->
	<ul class="nav row nav-ShopScreen">
		<li class="dropdown active col">
			<a aria-expanded="false" class="dropdown-toggle" data-toggle="dropdown" href="#">
				分类 <span class="caret"></span>
			</a>
			<ul class="dropdown-menu">
				<li><a aria-expanded="false" href="#s1" data-toggle="tab">烧烤</a></li>
				<li><a aria-expanded="false" href="#s2" data-toggle="tab">快餐</a></li>
				<li><a aria-expanded="false" href="#s3" data-toggle="tab">特色小吃</a></li>
				<li><a aria-expanded="false" href="#s4" data-toggle="tab">地方菜</a></li>
				<li><a aria-expanded="false" href="#s5" data-toggle="tab">连锁</a></li>
			</ul>
		</li>
		<li class="dropdown col">
			<a class="dropdown-toggle" data-toggle="dropdown" href="#">
				筛选 <span class="caret"></span>
			</a>
			<ul class="dropdown-menu">
				<li><a href="#">满减</a></li>
				<li><a href="#">活动</a></li>
				<li><a href="#">现金抵用</a></li>
			</ul>
		</li>
	</ul>

	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade active in" id="s1">
			<!--店铺列表-->
			<div class="shop-list">
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/adam.jpg" alt="">
					<h2 class="shop-name">yy大叔烧烤店</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<div class="tickets">
						<p class="ticket-text">
							<span class="ticket cash">现</span>
							新用户汪卡支付满20可使用现金券
						</p>
						<p class="ticket-text">
							<span class="ticket cut">满</span>
							新用户汪卡支付满20可减
						</p>
					</div>
				</a>
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/ben.png" alt="">
					<h2 class="shop-name">本大叔</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<p class="ticket-text">
						<span class="ticket cash">现</span>
						新用户汪卡支付满20可使用现金券
					</p>
				</a>
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/adam.jpg" alt="">
					<h2 class="shop-name">上岛咖啡</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<p class="ticket-text">
						<span class="ticket cash">现</span>
						新用户汪卡支付满20可使用现金券
					</p>
				</a>
			</div>
			<!--店铺列表-->
		</div>
		<div class="tab-pane fade" id="s2">
			<!--店铺列表-->
			<div class="shop-list">
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/img-db-user2.png" alt="">
					<h2 class="shop-name">本大叔</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<p class="ticket-text">
						<span class="ticket cash">现</span>
						新用户汪卡支付满20可使用现金券
					</p>
				</a>
			</div>
			<!--店铺列表-->
		</div>
		<div class="tab-pane fade" id="s3">
			<!--店铺列表-->
			<div class="shop-list">
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/img-p1-db1.png" alt="">
					<h2 class="shop-name">上岛咖啡</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<p class="ticket-text">
						<span class="ticket cash">现</span>
						新用户汪卡支付满20可使用现金券
					</p>
				</a>
			</div>
			<!--店铺列表-->
		</div>
		<div class="tab-pane fade" id="s4">
			<!--店铺列表-->
			<div class="shop-list">
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/img-p1-db3.png" alt="">
					<h2 class="shop-name">清真老北京涮肉</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<p class="ticket-text">
						<span class="ticket cash">现</span>
						新用户汪卡支付满20可使用现金券
					</p>
				</a>
			</div>
			<!--店铺列表-->
		</div>
		<div class="tab-pane fade" id="s5">
			<!--店铺列表-->
			<div class="shop-list">
				<a href="shop.html" class="item item-thumbnail-left">
					<img src="img/adam.jpg" alt="">
					<h2 class="shop-name">afsadf北京涮肉</h2>
					<div class="shop-dis">主营火锅小吃，可到店</div>
					<p class="ticket-text">
						<span class="ticket cut">满</span>
						新用户汪卡支付满20可减
					</p>
				</a>

			</div>
			<!--店铺列表-->
		</div>
	</div>

	<!-- 筛选 -->


</div>
<!-- === / 视图区 === -->
</body>
</html>
